<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Rotate</title>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
    <link type="text/css" rel="stylesheet" media="screen" href="style.css"/>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="rotate.js"></script>
</head>
<body>
<div id="page">
    <div id="left">
        <div id="cubeArea">
            <div class="container">
                <div class="cube" id="cube1">
                    <div class="face" id="face1">
                        1
                    </div>
                    <div class="face" id="face2">
                        2
                    </div>
                    <div class="face" id="face3">
                        3
                    </div>
                    <div class="face" id="face4">
                        4
                    </div>
                    <div class="face" id="face5">
                        5
                    </div>
                    <div class="face" id="face6">
                        6
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="cube" id="cube2">
                    <div class="face" id="face1">
                        1
                    </div>
                    <div class="face" id="face2">
                        2
                    </div>
                    <div class="face" id="face3">
                        3
                    </div>
                    <div class="face" id="face4">
                        4
                    </div>
                    <div class="face" id="face5">
                        5
                    </div>
                    <div class="face" id="face6">
                        6
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="cube" id="cube3">
                    <div class="face" id="face1">
                        1
                    </div>
                    <div class="face" id="face2">
                        2
                    </div>
                    <div class="face" id="face3">
                        3
                    </div>
                    <div class="face" id="face4">
                        4
                    </div>
                    <div class="face" id="face5">
                        5
                    </div>
                    <div class="face" id="face6">
                        6
                    </div>
                </div>
            </div>
        </div>
        <div id="buttonArea">
            <div id="bet" class="buttonColumn">
                <a class="button red" id="big">大</a>
                <a class="button green" id="small">小</a>
                <a class="button orange" id="baozi">豹</a>
            </div>
            <div id="money" class="buttonColumn">
                <a class="button red" id="add">加10</a>
                <a class="button blue" id="amount">0</a>
                <a class="button green" id="minus">减10</a>
            </div>
            <div id="name" class="buttonColumn">
                <a class="button blue">用户名：</a>
                <a class="button green" id="nameDisplay"></a>
                <input type="text" id="nameInput"/>
                <a class="button orange" id="moneyRemain">余：<span id="number">100</span></a>
            </div>
            <div id="submitArea">
                <a class="button red" id="submit">提交</a>
            </div>
        </div>
    </div>
    <div id="right">
    </div>
</div>
</body>
</html>